<div ng-init="init();" class="kmi-layout-content SMT24-content">
    <div class="kmi-header-row">
        <div class="kmi-side-btn left" ng-click="back();">
            <i class="material-icons">&#xE408;</i>
            <div class="kmi-can-click"></div>
        </div>
        <div class="header-title" ng-bind="'SMT24.title' | translate"></div>
        <div class="header-logo"></div>
    </div>
    <div class="kmi-layout-main-content">
        <div class="kmi-layout-page">
            <div class="kmi-text-fields">
                <label class="label" ng-bind="'SMT24.lot_no' | translate"></label>
                <input class="value"ng-model="lot_no"></input>
                <div class="tip qrcode" ng-click="QRCodeScanner(lot_no);">
                    <img src="image/icons/QRCode.png">
                </div>
                <label class="label" ng-bind="'SMT24.op_no' | translate"></label>
                <input ng-model="equipment_no" readonly="readonly" ng-click="op_no_search();"></input>
                <div class="tip search" ng-click="op_no_search();"><img src="image/icons/search.png"></img> </div>
                <div class="kmi-button kmi-button-confrim btn-confirm" ng-click="search()"
                    style="width:100px;margin-left: 40px;">
                    <label ng-bind="'SMT24.search' | translate"></label>
                    <div class="kmi-can-click"></div>
                </div>
            </div>
            <div class="kmi-list column-selector">
                <div class="kmi-list__header">
                    <div class="kmi-list__column" style="flex:0 0 36px;"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'SMT24.list.guid' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'SMT24.list.plot_no' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'SMT24.list.order' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'SMT24.list.pre_order' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'SMT24.list.control_time' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'SMT24.list.real_time' | translate"></div>
                </div>
                <div class="kmi-list__row-content">
                    <div class="kmi-list__row" ng-repeat="item in warn_list track by $index">
                        <div class="kmi-list__column" style="flex:0 0 36px;">
                            <button class="mdl-button mdl-js-button mdl-button--icon mdl-button--icon_prime" ng-click="add_warn_item(item);">
                                <img src="image/icons/add.png"></img>
                            </button>
                        </div>
						<div class="kmi-list__column  column-border" style="flex:1;" ng-bind="item.guid"></div>
						<div class="kmi-list__column  column-border" style="flex:1;" ng-bind="item.plot_no"></div>
                        <div class="kmi-list__column  column-border" style="flex:1;" ng-bind="item.seq"></div>
                        <div class="kmi-list__column  column-border" style="flex:1;" ng-bind="item.before_seq"></div>
                        <div class="kmi-list__column  column-border" style="flex:1;" ng-bind="item.time_interval"></div>
                        <div class="kmi-list__column  column-border" style="flex:1;" ng-bind="item.real_time_interval"></div>
                    </div>
                </div>
            </div>
            <!-- 超時原因查詢 -->
            <div class="kmi-text-fields" style="margin: 8px 0;">
                <label class="label" ng-bind="'SMT24.reason_over_time' | translate"></label>
                <input ng-model="over_time_reason_name" style="height: inherit;flex:1;" readonly= "readonly" ng-click="over_time_reason_search();"></input>
                <div class="tip search" ng-click="over_time_reason_search();"><img src="image/icons/search.png"></img> </div>
                <!-- PASS & 報廢 -->
                <label class="label" ng-bind="'B0238.work_type' | translate"></label>
                <button class="mdl-button mdl-js-button kmi-checkbox" ng-click="chengeType('P')">
                    <img ng-show="work_type != 'P'" src="image/icons/check0.png"></img>
                    <img ng-show="work_type == 'P'" src="image/icons/check1.png"></img>
                    {{'SMT24.pass' | translate}}
                </button>
                <button class="mdl-button mdl-js-button kmi-checkbox" ng-click="chengeType('F')">
                    <img ng-show="work_type != 'F'" src="image/icons/check0.png"></img>
                    <img ng-show="work_type == 'F'" src="image/icons/check1.png"></img>
                    {{'SMT24.abandon' | translate}}
                </button>
            </div>
            <div class="kmi-list column-selector" column-selector-id="selectedList">
                <div class="kmi-list__header">
                    <div class="kmi-list__column" style="flex:0 0 36px;"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'SMT24.list.guid' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'SMT24.list.plot_no' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'SMT24.list.order' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'SMT24.list.pre_order' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'SMT24.list.control_time' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'SMT24.list.real_time' | translate"></div>
                </div>
                <div class="kmi-list__row-content">
                    <div class="kmi-list__row" ng-repeat="item in over_time_list track by $index">
                        <div class="kmi-list__column" style="flex:0 0 36px;">
                            <button class="mdl-button mdl-button--icon" ng-click="removeItem(item);">
                                <img src="image/icons/delete.png"></img>
                            </button>
                        </div>
						<div class="kmi-list__column  column-border" style="flex:1;" ng-bind="item.guid"></div>
						<div class="kmi-list__column  column-border" style="flex:1;" ng-bind="item.plot_no"></div>
                        <div class="kmi-list__column  column-border" style="flex:1;" ng-bind="item.seq"></div>
                        <div class="kmi-list__column  column-border" style="flex:1;" ng-bind="item.before_seq"></div>
                        <div class="kmi-list__column  column-border" style="flex:1;" ng-bind="item.time_interval"></div>
                        <div class="kmi-list__column  column-border" style="flex:1;" ng-bind="item.real_time_interval"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="kmi-layout-footer">
            <button class="mdl-button mdl-js-button mdl-button--fab mdl-shadow--custom mdl-button--custom1"
                    ng-click="confirm();" ng-disabled="selectedList.length==0">
                <i class="material-icons">done</i>
            </button>
        </div>
    </div>
</div>
